﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="wucMainContent.ascx.cs" Inherits="Modules_HugKid_wucMainContent" %>

<div class="rightpage">
    <div style="margin-bottom: 10px;"><img src="App_Themes/HugKidTheme/images2/bannerPro.jpg"></div>
    <div class="boxpro-note">
	    <div class="prohotleft">
            <img align="left" src="App_Themes/HugKidTheme/images2/dam.jpg">
            <p style="margin-top: 10px;">Váy đen hai dây hoặc lệch vai luôn là lựa chọn an toàn cho bạn khi dự tiệc. Bạn có thể tạo điểm nhấn bằng trang sức lấp lánh hoặc đơn giản là bông hoa cài tóc.</p>
            <p style="float: right; display: block; padding: 0px 10px; background-color: rgb(223, 177, 145); font-weight: bold; color: rgb(255, 0, 0);">2000 000 VND</p>
        </div>
	    <div class="prohotright">
   		    <h1>THÔNG BÁO</h1>
            <ul>
        	    <li><a href="#">Bộ Vest và Sơmi cách điệu thiết kế <img src="App_Themes/HugKidTheme/images2/new.jpg"></a></li>
                <li><a href="#">Ethan Thoi sành điệu với phong cách thu</a></li>
                <li><a href="#">Hot 100 độ với thời trang da báo</a></li>
                <li><a href="#">7 xu hướng trang sức 'hot' nhất Thu/Đông</a></li>
            </ul>
        </div>
    </div>
       
    <div class="pro-special">
	    <h1><asp:Label ID="lbSpecialProduct" runat="server"></asp:Label></h1>
        <div class="boxproduct">
    	     <div class="slideA">
                <ul id="screenA">
                    <li><a href="#" id="leftA"><img src="App_Themes/HugKidTheme/images2/leftA.jpg"></a></li>
                    <li id="viewA" style="">
                        <asp:Literal ID="ltrSpecialProductList" runat="server">                                
                        </asp:Literal>                            
                    </li>
                    <li style="margin-right:0px;"><a href="#" id="rightA"><img src="App_Themes/HugKidTheme/images2/rightA.jpg"></a></li>
                </ul>    
              </div>
        </div>
    </div>
       
    <div class="pro-special">
        <h2 style="color:#C90F00;"><asp:Label ID="lbBestSellProduct" runat="server"></asp:Label></h2>
          
        <asp:DataList ID="dlBestSellingProductList" runat="server" RepeatColumns="5">
            <ItemTemplate>
                <td class="itempro" valign="top" style="padding-bottom:15px;">
                    <a href="Default.aspx?Page=ProductDetails&ProductId=<%# Eval("ItemID") %>"><img src="<%# Eval("Image") %>" style="width:144px; height:144px; overflow:hidden;" /></a>
                    <p><a href="Default.aspx?Page=ProductDetails&ProductId=<%# Eval("ItemID") %>" style="color:#000000;">
                    <%# ((Eval("ItemName").ToString().Length > 17) ? Eval("ItemName").ToString().Substring(0, 17) + " ..." : Eval("ItemName")) %></a></p>
                    <p class="price"><%# Eval("Atribute1") %></p>
                </td>
                <td width="<%# ((Container.ItemIndex % 6) == 0 && Container.ItemIndex != 1) ? 0 : 22 %>" style="padding-bottom:15px;" ></td>
            </ItemTemplate>
        </asp:DataList>   
                                                    
        <h2 style="color:#C90F00;"><asp:Label ID="lbNewProduct" runat="server"></asp:Label></h2> 
                     
        <asp:DataList ID="dlNewProductList" runat="server" RepeatColumns="5">
            <ItemTemplate>                    
                <td class="itempro" valign="top" style="padding-bottom:15px;">
                    <a href="Default.aspx?Page=ProductDetails&ProductId=<%#Eval("ItemID") %>"><img src="<%# Eval("Image") %>" style="width:144px; height:144px; overflow:hidden;"/></a>
                    <p><a href="Default.aspx?Page=ProductDetails&ProductId=<%#Eval("ItemID") %>" style="color:#000000;">                    
                    <%# ((Eval("ItemName").ToString().Length > 17) ? Eval("ItemName").ToString().Substring(0, 17) + " ..." : Eval("ItemName"))%></a></p>
                    <p class="price"><%# Eval("Atribute1") %></p>
                </td>
                <td width="<%# ((Container.ItemIndex % 5) == 0 && Container.ItemIndex != 1) ? 0 : 22 %>" style="padding-bottom:15px;" ></td> 
            </ItemTemplate>
        </asp:DataList>
              
    </div>
</div>
